<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title>mysql客户端</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>

</head>
<body>

<div class="body-box">
        <div class="body-nav">
            <ul class="db-link">
                <li>
                    nova
                    <ul class="database">
                        <li>
                            weixin
                            <ul class="table">
                                <li>
                                    binding
                                </li>
                                <li class="active">
                                    credit
                                </li>
                            </ul>
                        </li>
                        <li>
                            test
                        </li>
                    </ul>
                </li>
                <li>
                    ocer
                </li>
            </ul>
        </div>


    <!--这是右侧内容栏-->
        <div class="body-content" >
            <table class="gridtable">
                <tr>
                    <th data-sort="as">id</th>
                    <th  data-sort="des">name</th>
                </tr>
                <tr>
                    <td><input type="text" value="1"></td>
                    <td><input type="text" value="愚吉"></td>
                </tr>
                <tr>
                    <td><input type="text" value="2"></td>
                    <td><input type="text" value="咖喱"></td>

                </tr>

            </table>
            <div class="toolbox">
                <span> 新增</span>
                <span> &nbsp; &nbsp;</span>
                <span> 确认</span>
            </div>
        </div>
</div>

</body><script type="text/javascript" src="js/main.js"></script>
</html>